<template>
  <view class="pay-result">
    <view style="height: 100px;"></view>
    <image class="image" src="/static/images/success.png" mode="widthFix"></image>
    <view v-if="type == 'success'" class="text">支付成功！</view>
    <view v-if="type == 'fail'" class="text">支付失败！</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      type: ''
    };
  },
  onLoad(options) {
    this.type = options.type
  }
}
</script>

<style lang="scss">
page {
  background: #fff;
}

.pay-result {
  .image {
    display: block;
    margin: 30rpx auto 30rpx;
    width: 200rpx;
    height: 200rpx;
  }

  .text {
    text-align: center;
  }
}
</style>
